<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel=stylesheet type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="js/jquery.fancybox.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.fancybox').fancybox();
		});
</script>
<title>教會相簿</title>
</head>
<body background="img/background_color.gif">
<%@ taglib prefix="s" uri="/struts-tags" %>  
<%@ include file="Top.jsp"%>
<%@ include file="menu.jsp"%>
<table cellpadding="0" cellspacing="0" width="100%" background="img/background_color.gif" >
  <tr>
    <td>
    <table cellpadding="0" cellspacing="0" width="1000" background="img/context_background.gif" align="center">
      <tr valign="top">
        <td align="center" height="25">
        </td>
      </tr>
      <tr valign="top">
        <td align="center" height="25">
        <table cellpadding="0" cellspacing="0" width="920">
          <tr>
            <td align="left">
            <div class="pic_title"><s:property value="#request['title']"/></div>
            </td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td height="10">
        </td>
      </tr>
      <tr>
        <td align="center">
        <table cellpadding="0" cellspacing="0" width="920" class="albumscontenttable">
          <tr>
          <s:set var="i" value="0"/> 
          <s:iterator value="albumses"> 
          <s:if test="#i%6>0"> 
            <td>
            <a class="fancybox" href="<s:property value="pic_path"/>" data-fancybox-group="gallery" title="<s:property value="pic_name"/>">
            <img src="<s:property value="pic_path"/>" width="150" height="100" border="0" /></a>
            </td> 
          </s:if>
          <s:else> 
            </tr>
            <tr>
            <td>
            <a class="fancybox" href="<s:property value="pic_path"/>" data-fancybox-group="gallery" title="<s:property value="pic_name"/>">
            <img src="<s:property value="pic_path"/>" width="150" height="100" border="0" />
            </a>
            </td> 
          </s:else>
          <s:set var="i" value="#i+1"/>
          </s:iterator>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td height="25" align="left">
        </a>
        </td>
      </tr>
    </table>
    </td>
  </tr>
</table>

<%-- <s:property value="message"/> --%>

<%@ include file="Footer.jsp"%>
</body>
</html>